<wicket:extend xmlns:wicket="http://wicket.apache.org">
<!-- start content-outer -->
<div id="content-outer">
<!-- start content -->
<div id="content">


<div id="page-heading"><h1>Gestione cliente</h1></div>


<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
	<td id="tbl-border-left"></td>
	<td>
	<!--  start content-table-inner -->
	<div id="content-table-inner">
    
	
	<table border="0" width="100%" cellpadding="0" cellspacing="0" >
	<tr valign="top">
	<td>
		
		<!-- start id-form -->
        <form wicket:id="newCustomer">
		<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
		<tr>
			<th valign="top"><wicket:message key="customer.corporateName"/></th>
			<td><input type="text" class="inp-form-small"  wicket:id="corporateName" /></td>
            <th valign="top"><wicket:message key="customer.signboard"/></th>
            <td><input type="text" wicket:id="signboard" class="inp-form-small" /></td>            
		</tr>
<!-- 		<tr>
			<th valign="top"><wicket:message key="customer.address"/></th>
			<td colspan="2"><input type="text" wicket:id="address" class="inp-form" /></td>
		</tr>
        <tr>
        <th valign="top"><wicket:message key="customer.city"/></th>
            <td><input type="hidden" style="width: 300px;" wicket:id="city" ></input></td>
            <th valign="top"><wicket:message key="customer.province"/></th>
            <td><select wicket:id="province"></select></td>
        </tr>     
        <tr>
            <th valign="top"><wicket:message key="customer.zipcode"/></th>
            <td><input type="hidden" style="width: 200px;" wicket:id="zipcode" ></input></td>
        </tr> -->
        <tr>
            <th valign="top"><wicket:message key="customer.phoneNumber"/></th>
            <td><input type="text" wicket:id="phoneNumber" class="inp-form-small" /></td>
            <th valign="top"><wicket:message key="customer.faxNumber"/></th>
            <td><input type="text" wicket:id="faxNumber" class="inp-form-small" /></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.partitaIvaNumber"/></th>
            <td><input type="text" wicket:id="partitaIvaNumber" class="inp-form-small" /></td>
            <th valign="top"><wicket:message key="customer.codiceFiscaleNumber"/></th>
            <td><input type="text" wicket:id="codiceFiscaleNumber" class="inp-form-small" /></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.paymentType"/>:</th>
            <!-- <td><select wicket:id="paymentType"></select></td> -->
            <td><select wicket:id="paymentTypeP"></select></td>
            <th valign="top"><wicket:message key="customer.customerType"/>:</th>
            <td><select wicket:id="customerType"></select></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.iban"/></th>
            <td><input type="text" wicket:id="iban" class="inp-form-small" /></td>
            <th valign="top"><wicket:message key="customer.bankName"/></th>
            <td><input type="text" wicket:id="bankName" class="inp-form-small" /></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.email"/></th>
            <td><input type="text" class="inp-form-small"  wicket:id="email" /></td>
            <th valign="top"><wicket:message key="customer.www"/></th>
            <td><input type="text" class="inp-form-small" wicket:id="www" /></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.facebookAccount"/></th>
            <td><input type="text" class="inp-form-small"  wicket:id="facebookAccount" /></td>
            <th valign="top"><wicket:message key="customer.twitterAccount"/></th>
            <td><input type="text" class="inp-form-small" wicket:id="twitterAccount" /></td>
        </tr>        
        <tr>
            <th valign="top"><wicket:message key="customer.closingDay"/></th>
            <td><select wicket:id="closingDay" ></select>
            <select wicket:id="closingRange"></select></td>
            <th valign="top"><wicket:message key="customer.deployngType"/>:</th>
            <td><select wicket:id="deployngType" ></select></td>
        </tr>                     
        <tr>
            <th valign="top"><wicket:message key="customer.deploymentTime"/>:</th>
            <td colspan="3">
            mattina da:
            <span wicket:id="loadTimeAMFrom"/>
            a
            <span wicket:id="loadTimeAMTo"/>
            pomeriggo
            <span wicket:id="loadTimePMFrom"/>
            a
            <span wicket:id="loadTimePMTo"/>
            </td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.deliveryDay"/></th>
            <td colspan="2">
                <span wicket:id="deliveryDays">             
                <span wicket:id="deliveryDaysList">
                    <input type="checkbox" wicket:id="check"/><label wicket:id="number" style="display:inline; color: black;"></label>
                </span>
                </span>
            </td>
            <th><wicket:message key="customer.phoneForewarning"/><input type="checkbox" wicket:id="phoneForewarning" /></th>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.deliveryType"/></th>
            <td><select wicket:id="deliveryType" ></select></td>
            <th valign="top"><wicket:message key="customer.deliveryVehicle"/></th>
            <td><select wicket:id="deliveryVehicle" ></select></td>
        </tr>
        <tr>
            <th valign="top"><wicket:message key="customer.deliveryNote"/></th>
            <td><input type="text" wicket:id="deliveryNote" class="inp-form-small" /></td>
            <th valign="top"><wicket:message key="customer.referenceName"/></th>
            <td><input type="text" wicket:id="referenceName" class="inp-form-small" /></td>
        </tr>
        <tr style="border-top: 1px solid #E8E8E8;">
            <th valign="top"><h3><wicket:message key="customer.addressTitle"/></h3></th>
            <td colspan="3"><input type="button" value="" class="button-green" wicket:message="value:button.aggiungiIndirizzo" wicket:id="addNewAddress" ></input>
            Usa il pulsante qui a fianco per inserire gli indirizzi di consegna e di fatturazione.
            </td>
        </tr>        
        <tr wicket:id="addresses" id="addresses" style="border-top: 1px solid #E8E8E8 ; padding-bottom: 10px;">
        <td colspan="4" >
        <table id="id-form" >
        <tr>
            <th valign="top" colspan="4"><h3><wicket:message key="customer.addressNumber"/><span wicket:id="addressNumber"></span></h3></th>
        </tr>        
        <tr>
            <th valign="top"><wicket:message key="customer.addressType"/></th>
            <td><select wicket:id="addressType"></select></td>
            <th valign="top"><wicket:message key="customer.defaultAddress"/></th>
            <td><input type="checkbox" wicket:id="defaultAddress"></input></td>
        </tr>             
        <tr>
			<th valign="top"><wicket:message key="customer.corporateNameOrSignBoard"/></th>
			<td><input type="text" class="inp-form-small"  wicket:id="name" /></td>
            <th valign="top"><wicket:message key="customer.address"/></th>
            <td><input type="text" wicket:id="address" class="inp-form-small" /></td>
		</tr>
        <tr>
        <th valign="top"><wicket:message key="customer.city"/></th>
            <td><input type="hidden" style="width: 300px;" wicket:id="city" ></input></td>
            <th valign="top"><wicket:message key="customer.province"/></th>
            <td><select wicket:id="province"></select></td>
        </tr>     
        <tr>
            <th valign="top"><wicket:message key="customer.zipcode"/></th>
            <!-- <td><input type="hidden" style="width: 200px;" wicket:id="zipcode" ></input></td> -->
            <td><input type="text" wicket:id="zipcode" class="inp-form-small" /></td>
            <th valign="top"><wicket:message key="customer.phoneNumber"/></th>
            <td><input type="text" wicket:id="phoneNumber" class="inp-form-small" /></td>
        </tr>
        </table>
        </td>
        </tr>
        <tr style="border-top: 1px solid #E8E8E8 ; padding-top: 10px;">
        <th>&nbsp;</th>
        <td valign="top">
            <input type="button" value="" class="button-green" wicket:id="submit" wicket:message="value:button.save" ></input>
            <input type="reset" value="" class="button-green" wicket:message="value:button.reset" />
            <input type="button" value="" class="button-green" wicket:id="addOrderButton" wicket:message="value:button.addOrder" />
        </td>
        <td></td>
    </tr>
    </table>
    </form>
    <!-- end id-form  -->
    <div class="feedbackPanelContainer" wicket:id="feedBackPanel">message will be here</div>
    </td>
    <td>

    <!--  start related-activities -->
    <div id="related-activities">
        
        <!--  start related-act-top -->
        <div id="related-act-top"></div>
        <!-- end related-act-top -->
        
        <!--  start related-act-bottom -->
        <div id="related-act-bottom">
        
            <!--  start related-act-top -->
            <div id="related-act-top">
               <img src="images/forms/header_related_act.gif" width="271" height="43" alt="" />
            </div>
            <!-- end related-act-top -->
        
            <!--  start related-act-inner -->
            <div id="related-act-inner">
            
                <div class="left"><a href=""><img src="images/forms/icon_edit.gif" width="21" height="21" alt="" /></a></div>
                <div class="right">
                    <h5>Clienti</h5>
                    Gestione del proprio portafoglio clienti.
                    <ul class="greyarrow">
                        <li><a href="/customers">Clienti</a></li> 
                        <li><a href="/customer">Nuovo cliente</a> </li>
                    </ul>
                </div>
                <div class="clear"></div>
                
                <div class="left"><a href=""><img src="images/forms/icon_edit.gif" width="21" height="21" alt="" /></a></div>
                <div class="right">
                    <h5>Indirizzi Clienti</h5>
                    Gestione degli indirizzi di un cliente, gli indirizzi possono essere di consegna, di fatturazione e di consegna e fatturazione.<br/>
                    E' necessario inserire almenno un indirizzo di consegna predefinito.
                    E' necessario inserire almenno un indirizzo di fatturazione.
                    E' possibile inserire un indirizzo di fatturazione e consegna.
<!--                     <ul class="greyarrow"> 
                        <li><a href="#" wicket:id="addNewAddress2">Nuovo indirizzo</a> </li>
                    </ul> -->
                </div>
                <div class="clear"></div>
                <wicket:enclosure child="addOrder">
                <div class="left"><a href=""><img src="images/forms/icon_edit.gif" width="21" height="21" alt="" /></a></div>
                <div class="right">
                    <h5>Ordini</h5>
                    Inserisci un nuovo ordine per questo cliente:
                    <ul class="greyarrow"> 
                        <li><a href="#" wicket:id="addOrder">Aggiungi ordine</a> </li>
                    </ul>
                </div>
                <div class="clear"></div>
                </wicket:enclosure>                
            </div>
            <!-- end related-act-inner -->
            <div class="clear"></div>
        
        </div>
        <!-- end related-act-bottom -->
    
    </div>
    <!-- end related-activities -->

</td>
</tr>
<tr>
<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
<td></td>
</tr>
</table>
 
<div class="clear"></div>
 

</div>
<!--  end content-table-inner  -->
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
    <th class="sized bottomleft"></th>
    <td id="tbl-border-bottom">&nbsp;</td>
    <th class="sized bottomright"></th>
</tr>
</table>



<div class="clear">&nbsp;</div>

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->

 

<div class="clear">&nbsp;</div>



</wicket:extend>